<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>科级管理人员个人有关事项报告管理系统</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="media/css/jquery.gritter.css" rel="stylesheet" type="text/css"/>

    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="media/css/select2_metro.css" />
    <link rel="stylesheet" href="media/css/DT_bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="media/css/datepicker.css" />
    <!-- END PAGE LEVEL STYLES -->
    <link rel="shortcut icon" href="media/image/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-full-width">

<!-- BEGIN CONTAINER -->
<div class="page-container row-fluid" >
    <!-- BEGIN PAGE -->
    <div class="page-content">
        <!-- BEGIN PAGE CONTAINER-->
        <div class="container-fluid">
            <!-- BEGIN PAGE HEADER-->
            <div class="row-fluid">
                <div class="span12">
                    <h2 class="page-title">
                        <div class="alert text-center">
                            欢迎使用科级管理人员个人有关事项报告管理系统
                            <a href="logout" class="btn red" style="float: right;margin-right: 20px;margin-top: 5px;">退出系统</a>
                        </div>
                    </h2>
                </div>
            </div>
            <!-- END PAGE HEADER-->
            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid">
                <div class="span12">
                    <input class="hidden" name="comfirm-flag" id="confirm-flag" value="${flag}">
                    <div class="span3 responsive" style="margin-top: 30px;" data-tablet="span3" data-desktop="span3">

                    </div>
                    <div class="span3 responsive" style="margin-top: 30px;" data-tablet="span3" data-desktop="span3">
                        <c:if test="${user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        填报流程
                                    </div>
                                </div>
                                <a href="#input_result_emodal" class="more" data-toggle="modal">
                                    点击查看 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${user.C_ROLEID=='1000'}">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        审批流程
                                    </div>
                                </div>
                                <a href="#input_examine_emodal" class="more" data-toggle="modal">
                                    点击查看 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                    </div>
                    <div class="span3 responsive" style="margin-top: 30px;" data-tablet="span3" data-desktop="span3">
                        <c:if test="${(rpt_flag==1||rpt_flag==2)&&user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat green">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        已提交
                                    </div>
                                </div>
                                <a class="more" href="#">
                                    点击填报 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${rpt_flag==0&&user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        信息填报
                                    </div>
                                </div>
                                <a class="more" href="infoType">
                                    点击填报 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${rpt_flag==3&&user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat red">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                       重新填报
                                    </div>
                                </div>
                                <a class="more" href="infoType">
                                    点击填报 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${user.C_ROLEID=='1000'}">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        审批
                                    </div>
                                </div>
                                <a class="more" href="gotoExaminationApproval">
                                    点击审批 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                    </div>
                </div>
             </div>
            <!-- BEGIN PAGE CONTENT-->
            <div class="row-fluid">
                <div class="span12">
                    <input class="hidden" name="comfirm-flag" id="confirm" value="${flag}">
                    <div class="span3 responsive" style="margin-top: 20px;" data-tablet="span3" data-desktop="span3">

                    </div>
                    <div class="span3 responsive" style="margin-top: 20px;" data-tablet="span3" data-desktop="span3">
                        <c:if test="${(rpt_flag==1||rpt_flag==2)&&user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat green">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        已提交
                                    </div>
                                </div>
                                <a class="more" href="#">
                                    点击提交 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${rpt_flag==0&&user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        提交信息
                                    </div>
                                </div>
                                <a class="more" href="gotoCommit">
                                    点击提交 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${rpt_flag==3&&user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat red">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        重新提交
                                    </div>
                                </div>
                                <a class="more" href="gotoCommit">
                                    点击提交 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>

                    </div>
                    <div class="span3 responsive" style="margin-top: 20px;" data-tablet="span3" data-desktop="span3">
                        <c:if test="${user.C_ROLEID=='1020'}">
                            <div class="dashboard-stat blue">
                                <div class="visual">
                                    <i class="icon-comments"></i>
                                </div>
                                <div class="details">
                                    <div class="number">
                                    </div>
                                    <div class="desc">
                                        审核结果
                                    </div>
                                </div>
                                <a href="#examin_result_emodal" class="more" data-toggle="modal">
                                    点击查询 <i class="m-icon-swapright m-icon-white"></i>
                                </a>
                            </div>
                        </c:if>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
        <!-- END PAGE CONTAINER-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->


<!-- 填报流程弹出框 -->
<div id="input_result_emodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="label3" aria-hidden="true" data-backdrop="static">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 id="label_input">填报流程</h3>
    </div>
    <div class="modal-body">
        <p>
        </p>
        <h4 class="form-section" style="font-weight:bold">
            <p>
             1、在“信息填报”点击填报后开始填报，请详细阅读每一项的填报说明后再进行填报；
            </p>
            <p>
                2、填报完成后在“提交信息”点击提交，提交后不能修改；
            </p>
            <p>
                3、在“审核结果”中可查询审核状态，如审核未通过可重新录入。
            </p>
            <p>
                4、<a href="http://10.0.5.24:8081/tbsc.doc">科级系统填报操作手册</a>
            </p>
        </h4>

    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    </div>
</div>

<!-- 审批流程弹出框 -->
<div id="input_examine_emodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="label3" aria-hidden="true" data-backdrop="static">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 id="label_input_examine_emodal">审批流程</h3>
    </div>
    <div class="modal-body">
        <h4 class="form-section" style="font-weight:bold">
            <p>
                1、点击审批进入审批流程。本单位已登录该系统的科级管理人员以列表显示。
            </p>
            <p>
                2、点击相应的“审批”按钮会显示该科级管理人员提报的个人有关事项详细信息表。
            </p>
            <p>
                3、点击“审批通过”即将该科级管理人员的个人有关事项报告提交系统管理员。
            </p>
            <p>
                4、点击“审批驳回”即将该科级管理人员的个人有关事项报告驳回该人员重新填报。
            </p>
            <p>
                5、<a href="http://10.0.5.24:8081/tbsmwd.xls">审核内容说明文档</a>
            </p>
        </h4>

    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    </div>
</div>


<!-- 审核弹出框 -->
<div id="examin_result_emodal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="label3" aria-hidden="true" data-backdrop="static">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h3 id="label3">审批结果</h3>
    </div>
    <div class="modal-body">
        <c:if test="${rpt_flag==0}">
            <h3>未填报或填报未提交</h3>
        </c:if>
        <c:if test="${rpt_flag==1}">
            <h3>已提交，未审核</h3>
        </c:if>
        <c:if test="${rpt_flag==2}">
            <h3 style="color: #5dff06;">审核通过</h3>
        </c:if>
        <c:if test="${rpt_flag==3}">
            <h3 style="color: #ff0c07;">审核驳回，请如实填报</h3>
        </c:if>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    </div>
</div>

<!-- 当年第一次填写弹出框 -->
<div id="form_modal3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true" data-backdrop="static">
    <div class="modal-header">
        <%--<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>--%>
        <h3 id="myModalLabel3" style="color: red;text-align: center">填表须知</h3>
    </div>
    <div class="modal-body">
        <form action="#" class="form-horizontal" id="form_modal">
            <p>

            </p>
            <p>
                1.本表的填报对象为在公司备案的科级管理人员
            </p>
            <p>
                2.本表须由本人录入,本人对填报内容的真实性和完整性负责
            </p>
            <p>
                3.首次填报时填写截至填报时的现状,以后每年年初进行年度集中报告
            </p>
            <p>
                4.新提拔的科级管理人员在备案后30天之内进行首次填报
            </p>
            <p>
            <h4 style="color: red">申报日期确定之后，不能修改</h4>
            </p>
            <p><input class="span3 m-wrap m-ctrl-medium date-picker" name="STARTDATE" id="STARTDATE" readonly size="16" type="text" value="" />
            </p>
        </form>
    </div>
    <div class="modal-footer">
        <span class="label">阅读剩余时间:&nbsp;<span id="timer"></span></span>
        <button class="btn dark-grey btn-primary" data-dismiss="modal" id="report" disabled>确认</button>
    </div>
</div>

<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/jquery.gritter.js"></script>
<script type="text/javascript" src="media/js/jquery.pulsate.min.js"></script>
<script type="text/javascript" src="media/js/jquery.bootpag.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/ui-general.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->


<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="media/js/excanvas.min.js"></script>
<script src="media/js/respond.min.js"></script>
<![endif]-->
<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>
<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>
<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="media/js/select2.min.js"></script>
<script type="text/javascript" src="media/js/jquery.dataTables.js"></script>
<script type="text/javascript" src="media/js/DT_bootstrap.js"></script>
<script type="text/javascript" src="media/js/bootstrap-datepicker.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="media/js/app.js"></script>
<script src="media/js/table-editable.js"></script>

<script>
    $('#report').on('click',function(){
        $.ajax({
            type : 'POST',
            url : 'report',
            data:{'STARTDATE': $('#STARTDATE').val()},
            async : false,

        })
    })
</script>

<script>
    var flag = $('#confirm-flag').val();
    if(flag=='true'){
        $('#form_modal3').modal('show');
    }
</script>

<script type="text/javascript">
    var time = 60*1000;//计算出毫秒数
    var se;
    //调用setInterval控制

    se = setInterval('t_time()',1000);
    function t_time() {
        //倒计时
        var mm = parseInt(time/60/1000%60,10);//剩余的分钟数
        var ss = parseInt(time/1000%60,10);//剩余的秒数
        mm = checkTime(mm);
        ss = checkTime(ss);
        $("#timer").html(mm+'分'+ss+'秒');
        time = time-1000;
        if(mm==0 && ss==0) {
            $('#report').removeAttr("disabled");
            $('#report').removeClass('dark-grey');
            $('#report').addClass('green')
            clearInterval(se);
        }
    }
    function checkTime(i) {
        if(i<10) {
            i = "0"+i;
        }
        return i;
    }

    //显示当前时间
    setInterval(function() {
        var now = (new Date()).toLocaleString();
        $('#current-time').text(now);
    }, 1000);


</script>

<script>
    jQuery(document).ready(function() {
        $('.date-picker').datepicker({
            rtl : App.isRTL()
        });
        App.init();
        UIGeneral.init();
        TableEditable.init();
    });
</script>
<!-- END JAVASCRIPTS -->
<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-37564768-1']);  _gaq.push(['_setDomainName', 'keenthemes.com']);  _gaq.push(['_setAllowLinker', true]);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script></body>
<!-- END BODY -->
</html>